<template>
  <div class="co-high-school clearfix">
    <AdvertBar></AdvertBar>
    <div class="school-card" :key="'school'+index"
         v-for="(school, index) in 43">
      <img class="school-icon" style="width:100%" :src="'/images/m'+(index+1)+'.PNG'" alt="">
    </div>
  </div>
</template>

<script>
import AdvertBar from '../../components/AdvertBar'

export default {
  name: 'CoHighSchool',
  components: {
    AdvertBar
  },
  data () {
    return {
      schoolList: []
    }
  },
}
</script>

<style scoped lang="less">
  .co-high-school {
    margin-left: -20px;
  }
  .school-card{
    cursor: pointer;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    width: 334px;
    height: 90px;
    border: 1px solid #EFF0F1;
    box-sizing: border-box;
    padding: 20px;

    .school-name{
      margin-left: 8px;
      font-size: 16px;
      color: #1F2329;
      vertical-align: middle;
    }
  }
</style>
